<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>若依介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
	<link href="../static/css/homepage.css" th:href="@{/css/homepage.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div class="wrapper">
<div class="row top-linkbox">
	<div class="col-xs-12 col-sm-8 col-md-4 col-lg-4">
		<div class="banner-bg"></div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div  class="app_inner" onclick="addTab('用户管理','/system/user')">
			<span class="app_icon" style="background: rgb(85, 132, 253);">
				<i class="fa fa-user"></i>
			</span>
			<span>用户管理</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('部门管理','/system/dept')">
			<span class="app_icon" style="background: rgb(255, 136, 1);">
				<i class="fa fa-outdent fa-fw"></i>
			</span>
			<span>部门管理</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner"  onclick="addTab('菜单管理','/system/menu')">
			<span class="app_icon" style="background: rgb(0, 214, 185);">
				<i class="fa fa-th-list"></i>
			</span>
			<span>菜单管理</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner"  onclick="addTab('岗位管理','/system/post')">
			<span class="app_icon" style="background: #85ce61;">
				<i class="fa fa-address-card-o fa-fw"></i>
			</span>
			<span>岗位管理</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner"   onclick="addTab('角色管理','/system/role')">
			<span class="app_icon" style="background: #7e3ef7;">
				<i class="fa fa-user-secret fa-fw"></i>
			</span>
			<span>角色管理</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner"  onclick="addTab('字典管理','/system/dict')">
			<span class="app_icon" style="background: #4c72ff;">
				<i class="fa fa-bookmark-o fa-fw"></i>
			</span>
			<span>字典管理</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('通知公告','/system/notice')">
			<span class="app_icon" style="background: #f6c500;">
				<i class="fa fa-bullhorn fa-fw"></i>
			</span>
			<span>通知公告</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('操作日志','/monitor/operlog')">
			<span class="app_icon" style="background: rgb(85, 132, 253);">
				<i class="fa fa-pencil-square-o fa-fw"></i>
			</span>
			<span>操作日志</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('服务监控','/monitor/server')">
			<span class="app_icon" style="background: rgb(0, 214, 185);">
				<i class="fa fa-server fa-fw"></i>
			</span>
			<span>服务监控</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('定时任务','/monitor/job')">
			<span class="app_icon" style="background: #4c72ff;;">
				<i class="fa fa-tasks"></i>
			</span>
			<span>定时任务</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('数据监控','/monitor/data')">
			<span class="app_icon" style="background:rgb(255, 136, 1);">
				<i class="fa fa-bug"></i>
			</span>
			<span>数据监控</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('缓存监控','/monitor/cache')">
			<span class="app_icon" style="background: rgb(85, 132, 253);">
				<i class="fa fa-cube"></i>
			</span>
			<span>缓存监控</span>
		</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('参数设置','/system/config')">
			<span class="app_icon" style="background: #b6d600;">
				<i class="fa fa-sun-o"></i>
			</span>
			<span>参数设置</span>
		</div>
	</div>

	<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2">
		<div class="app_inner" onclick="addTab('代码生成','/tool/gen')">
			<span class="app_icon" style="background: rgb(85, 132, 253);">
				<i class="fa fa-code"></i>
			</span>
			<span>代码生成</span>
		</div>
	</div>
</div>

        <div class="row">
			<div class="col-md-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>项目简介</h5>
					</div>
					<div class="ibox-content">
							<p style="line-height: 150%;font-size:16px; "> 基于RuoYi-Bootstrap扩展，仅升级前端展示样式，修改代码生成器，未修改任何后端代码，目前已经在多个项目中使用，取得良好应用，适配RuoYi-Bootstrap版本</p>
							<p style="line-height: 150%; color: red;font-size:16px;margin-bottom: 20px;"> 如果对该套主题样式有兴趣（获取升级主题源码），可联系【15389457063】或者扫描在Aidex体验环境微信扫码咨询【皮皮大刺猬】 </p>
							<div class="row">
								<div class="col-md-4" style="padding-left: 16px; padding-right: 16px;">
									<a href="#"  onclick="openUrl('yansoubao_a','http://aidex.vip:8085/')" class="a-primary">
										<span> 新上验收宝（含APP），点击体验 </span>
									</a>
								</div>
								<div class="col-md-4" style="padding-left: 16px; padding-right: 16px;">
									<a href="#"  onclick="openUrl('aidex_a','https://gitee.com/big-hedgehog/aidex-sharp')" class="a-info" style="height: 48px; font-size: 18px; width: 100%;"><!----><!---->
										<span> 访问AiDex </span>
									</a>
								</div>
								<div class="col-md-4" style="padding-left: 16px; padding-right: 16px;">
									<a href="#"  onclick="openUrl('bzhan_a','https://www.bilibili.com/video/BV13L411u7oC?spm_id_from=333.999.0.0')" class="a-warning" style="height: 48px; font-size: 18px; width: 100%;"><!----><!---->
										<span> 我的B站 </span>
									</a>
								</div>
							</div>
					</div>
				</div>
			</div>
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>代办事项</h5>
                    </div>
                    <div class="ibox-content" style="height: 350px">
						<div class="row">
							<div class="col-md-4">
								<div class="todo_top_box">
									<p>待审批</p>
									<span>10</span>
								</div>
							</div>
							<div class="col-md-4">
								<div class="todo_top_box">
									<p>待提交</p>
									<span>10</span>
								</div>
							</div>
							<div class="col-md-4">
								<div class="todo_top_box">
									<p>已处理</p>
									<span>10</span>
								</div>
							</div>
						</div>
						<table class="metodo-list" border="0" cellpadding="0" cellspacing="0">
							<!--<tr>
								<th class="metodo-title left-align" width="50%">类型名称</th>
								<th class="metodo-title-other center-align" width="10%">发起人</th>
								<th class="metodo-title-other center-align" width="15%">发起时间</th>
								<th class="metodo-title-other right-align" width="15%">金额</th>
								<th class="metodo-title-other left-align">操作</th>
							</tr>-->
							<tr class="metodo-list-hover-tr">
								<td class="metodo-title left-align">
									<p class="clam">
										<i class="fa fa-file-text"></i>
									</p>
									<span>费用报销单009-项目经理审核</span>
									<label>紧急</label>
								</td>
								<td class="metodo-other center-align">张红生</td>
								<td class="metodo-other center-align">2021-7-21</td>

							</tr>
							<tr class="metodo-list-hover-tr">
								<td class="metodo-title left-align">
									<p class="primary">
										<i class="fa fa-file-text"></i>
									</p>
									<span>差旅费报销单-项目经理审核</span>
								</td>
								<td class="metodo-other center-align">张红生</td>
								<td class="metodo-other center-align">2021-7-21</td>

							</tr>
							<tr class="metodo-list-hover-tr">
								<td class="metodo-title left-align">
									<p class="orange">
										<i class="fa fa-file-text"></i>
									</p>
									<span>招待费费报销单-项目经理审核</span>
								</td>
								<td class="metodo-other center-align">张红生</td>
								<td class="metodo-other center-align">2021-7-21</td>

							</tr>
							<tr class="metodo-list-hover-tr">
								<td class="metodo-title left-align">
									<p class="pink">
										<i class="fa fa-file-text"></i>
									</p>
									<span>交通费报销单-项目经理审核</span>
								</td>
								<td class="metodo-other center-align">张红生</td>
								<td class="metodo-other center-align">2021-7-21</td>

							</tr>
							<tr class="metodo-list-hover-tr">
								<td class="metodo-title left-align">
									<p class="clam">
										<i class="fa fa-file-text"></i>
									</p>
									<span>费用报销单009-项目经理审核</span>
									<label>紧急</label>
								</td>
								<td class="metodo-other center-align">张红生</td>
								<td class="metodo-other center-align">2021-7-21</td>

							</tr>
						</table>
                    </div>
                </div>
            </div>
			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>关注项目</h5>
					</div>
					<div class="ibox-content" style="height: 350px">
						<table class="metodo-list" border="0" cellpadding="0" cellspacing="0">
							<tr>
								<th class="metodo-title" width="50%">项目名称</th>

								<th class="metodo-title-other">进度</th>
								<th class="metodo-title-other" style="text-align: right;">截止时间</th>
							</tr>
							<tr>
								<td class="metodo-title">
									<span>微服务项目</span>
								</td>

								<td class="metodo-opeartion">
									<label>0%</label>
									<span style="border-radius: 10px;background: #E6F7FF;color: #E6F7FF;display: inline-block;width: 80px;height: 10px;line-height: 10px;text-align: left;"><span style="display: inline-block;border-radius: 10px;width: 0%;background: #52C41A;height: 100%;"></span></span>
								</td>
								<td  class="metodo-other" align="right">2022-08-23</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<span>研发项目</span>
								</td>

								<td class="metodo-opeartion">
									<label>30%</label>
									<span style="border-radius: 10px;background: #E6F7FF;color: #E6F7FF;display: inline-block;width: 80px;height: 10px;line-height: 10px;text-align: left;"><span style="display: inline-block;border-radius: 10px;width: 30%;background: #52C41A;height: 100%;"></span></span>
								</td>
								<td  class="metodo-other" align="right">2022-10-05</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<span>生产管理业务</span>
								</td>

								<td class="metodo-opeartion">
									<label>60%</label>
									<span style="border-radius: 10px;background: #E6F7FF;color: #E6F7FF;display: inline-block;width: 80px;height: 10px;line-height: 10px;text-align: left;"><span style="display: inline-block;border-radius: 10px;width: 60%;background: #52C41A;height: 100%;"></span></span>
								</td>
								<td  class="metodo-other" align="right">2022-05-22</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<span>容器云项目</span>
								</td>

								<td class="metodo-opeartion">
									<label>70%</label>
									<span style="border-radius: 10px;background: #E6F7FF;color: #E6F7FF;display: inline-block;width: 80px;height: 10px;line-height: 10px;text-align: left;"><span style="display: inline-block;border-radius: 10px;width: 70%;background: #52C41A;height: 100%;"></span></span>
								</td>
								<td  class="metodo-other" align="right">2022-02-05 </td>
							</tr>
							<tr>
								<td class="metodo-title">
									<span>大数据项目</span>
								</td>

								<td class="metodo-opeartion">
									<label>50%</label>
									<span style="border-radius: 10px;background: #E6F7FF;color: #E6F7FF;display: inline-block;width: 80px;height: 10px;line-height: 10px;text-align: left;"><span style="display: inline-block;border-radius: 10px;width: 50%;background: #52C41A;height: 100%;"></span></span>
								</td>
								<td  class="metodo-other" align="right">2022-05-26</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<span>生产管理业务</span>
								</td>

								<td class="metodo-opeartion">
									<label>60%</label>
									<span style="border-radius: 10px;background: #E6F7FF;color: #E6F7FF;display: inline-block;width: 80px;height: 10px;line-height: 10px;text-align: left;"><span style="display: inline-block;border-radius: 10px;width: 60%;background: #52C41A;height: 100%;"></span></span>
								</td>
								<td  class="metodo-other" align="right">2021-05-22</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>新闻公告</h5>
                    </div>
					<div class="ibox-content" style="height: 350px">
						<div class="notices-content">
							<div class="clearfix-time">
								<ul class="clearfix-time">
									<li>
										<a href="#">公司为什么需要建立一套统一的开发框架？</a>
										<span class="f12">2022-05-20</span>
									</li>
									<li>
										<a href="#"> 进行技术沉淀——提升公司整体技术能力，避免陷入一个人的能力决定一个项目</a>
										<span class="f12">2022-05-18</span>
									</li>
									<li>
										<a href="#">文艺青年最后的音乐据点：网易云音乐评论区</a>
										<span class="f12">2022-04-30</span>
									</li>
									<li>
										<a href="#">长在火山泥里的夏威夷果，不用剥壳好好吃。 </a>
										<span class="f12">2022-04-25</span>
									</li>
									<li>
										<a href="#">公司为什么需要建立一套统一的开发框架？</a>
										<span class="f12">2022-05-20</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
                </div>
            </div>
			<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>销售趋势分析</h5>
					</div>
					<div class="ibox-content" style="height: 350px;padding-left: 220px;padding-top: 30px;">
						<div class="sale-analyse-tab">
							<ul>
								<li class="sale-analyse-active" onclick="changeDate(0)">
									<p>￥17,772.1</p>
									<span>今日统计</span>
									<label>比昨日<i class="fa fa-caret-up"></i>3%</label>
								</li>
								<li onclick="changeDate(1)">
									<p>￥15,395.1</p>
									<span>本周统计</span>
									<label>比昨日<i class="fa fa-caret-down"></i>5%</label>
								</li>
								<li onclick="changeDate(2)">
									<p>￥12,872.1</p>
									<span>本月统计</span>
									<label>比昨日<i class="fa fa-caret-up"></i>1%</label>
								</li>
							</ul>
						</div>
						<div id="saleLine" style="width: 100%;height: 300px;float:right;margin-top: -5px;"></div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>文档中心</h5>
					</div>
					<div class="ibox-content" style="height: 350px">
						<table class="files-list" cellpadding="0" cellspacing="0" border="0">
							<tr>
								<td class="files-title">
									<i class="fa fa-file-text-o" style="color:#6966FD"></i>
									模板库汇报方案
								</td>
								<td class="files-other">1.2M</td>
								<td class="files-other">2021/6/25 8:20</td>
							</tr>
							<tr>
								<td class="files-title">
									<i class="fa fa-file-excel-o" style="color:#1AA86C"></i>
									V6R4平台技术白皮书
								</td>
								<td class="files-other">1.2M</td>
								<td class="files-other">2021/6/25 8:20</td>
							</tr>
							<tr>
								<td class="files-title">
									<i class="fa fa-file-word-o" style="color:#338FE5"></i>
									工作计划
								</td>
								<td class="files-other">1.2M</td>
								<td class="files-other">2021/6/25 8:20</td>
							</tr>
							<tr>
								<td class="files-title">
									<i class="fa fa-file-powerpoint-o" style="color:#E2734A"></i>
									Design设计
								</td>
								<td class="files-other">1.2M</td>
								<td class="files-other">2021/6/25 8:20</td>
							</tr>
							<tr>
								<td class="files-title">
									<i class="fa fa-file-text-o" style="color:#6966FD"></i>
									模板库汇报方案
								</td>
								<td class="files-other">1.2M</td>
								<td class="files-other">2021/6/25 8:20</td>
							</tr>
							<tr>
								<td class="files-title">
									<i class="fa fa-file-excel-o" style="color:#1AA86C"></i>
									V6R4平台技术白皮书
								</td>
								<td class="files-other">1.2M</td>
								<td class="files-other">2021/6/25 8:20</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>任务统计</h5>
					</div>
					<div class="ibox-content" style="height: 350px">
						<div id="manageFeeStatPie" style="width: 100%;height: 100%;"></div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>利润结构分析</h5>
					</div>
					<div class="ibox-content" style="height: 350px">
						<div id="profitAnalysePie" style="width: 100%;height: 300px;"></div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>排行榜</h5>
					</div>
					<div class="ibox-content" style="height: 350px">
						<table class="metodo-list">
							<tr>
								<th width="40%" class="metodo-title">排名</th>
								<th width="30%" class="metodo-title-other">部门</th>
								<th class="metodo-title-other" style="text-align: right;">工时</th>
							</tr>
							<tr>
								<td class="metodo-title">
									<em class="number-box list01">1</em>
									<span>李天熙</span>
								</td>
								<td class="metodo-other">01车间</td>
								<td class="metodo-other time" align="right">12,454h</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<em class="number-box list02">2</em>
									<span>李玟</span>
								</td>
								<td class="metodo-other">02车间</td>
								<td class="metodo-other time" align="right">10,340h</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<em class="number-box list03">3</em>
									<span class="ales-analyse-name" >齐天新</span>
								</td>
								<td class="metodo-other">01车间</td>
								<td class="metodo-other time" align="right">9,125h</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<em class="number-box">4</em>
									<span>吴东天</span>
								</td>
								<td class="metodo-other">05车间</td>
								<td class="metodo-other time" align="right">6,875h</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<em class="number-box">5</em>
									<span>李秋红</span>
								</td>
								<td class="metodo-other">08车间</td>
								<td class="metodo-other time" align="right">5,325h</td>
							</tr>
							<tr>
								<td class="metodo-title">
									<em class="number-box">6</em>
									<span>薛世燕</span>
								</td>
								<td class="metodo-other">08车间</td>
								<td class="metodo-other time" align="right">5,005h</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
        </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script th:src="@{/js/echarts.min.js}"></script>
    <script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.3}"></script>
    <script th:src="@{/ruoyi/js/common.js?v=4.7.3}"></script>
    <script type="text/javascript">
		function addTab(name,url) {
			$.modal.openTab(name,url)
		}
		function openUrl(id,url){
			var a = document.createElement('a');
			a.setAttribute('href', url);
			a.setAttribute('target', '_blank');
			a.setAttribute('id', id);
			// 防止反复添加
			if(!document.getElementById(id)) document.body.appendChild(a);
			a.click();
		}
		$(window).resize(function(){
			saleLineEchart.resize();
			manageFeeStatEchart.resize();
			profitAnalyseEchart.resize();
		})
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', '360px'],
	            content: html
	        });
	    });
		//销售趋势分析
		var saleLineEchart = echarts.init(document.getElementById("saleLine"));

		var saleLineOption = {
			xAxis: {
				type: 'category',
				data: [1, 2, 3, 4, 5, 6, 7,8,9,10,11,12]
			},
			yAxis: {
				type: 'value'
			},
			grid: {
				left: "1%",
				right: "1%",
				bottom: "3%",
				top: "3%",
				containLabel: true
			},
			series: [{
				type: 'line',
				data: [42, 36, 32, 58, 65, 33, 44, 42, 19, 45, 65, 67,13, 22, 31, 30, 25, 14, 42, 35, 37, 24, 17, 28 ],
				type: 'line',
				symbolSize: 10,
				itemStyle: {
					color: "rgba(58,150,253,.8)"
				},
				lineStyle: {
					width: '2',
					color: '#1890FF',
				},
				areaStyle: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
						{
							offset: 0,
							color: "rgba(45,138,245,0.2)"
						},
						{
							offset: 1,
							color: "rgba(45,138,245,0.05)"
						}
					])
				},
			},
			{
				type: 'line',
						data: [32, 31, 52, 28, 25, 33, 15, 32, 39, 25, 45, 47,33, 32, 31, 30, 15, 14, 12, 15, 17, 17, 11, 16 ],
					type: 'line',
					symbolSize: 10,
					itemStyle: {
				color: "rgba(47,194,91,.8)"
			},
				lineStyle: {
					width: '2',
							color: '#2FC25B',
				},
				areaStyle: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
						{
							offset: 0,
							color: "rgba(47,194,91,0.2)"
						},
						{
							offset: 1,
							color: "rgba(47,194,91,0.05)"
						}
					])
				},
			}
		]
		};
		//任务统计
		saleLineEchart.setOption(saleLineOption);
		function changeDate(value){
			$(".sale-analyse-tab ul li").eq(value).addClass('sale-analyse-active')
			$(".sale-analyse-tab ul li").not($(".sale-analyse-tab ul li").eq(value)).removeClass('sale-analyse-active')
			if(value == 0){
				saleLineOption.series[0].data = [42, 36, 32, 58, 65, 33, 44, 42, 19, 45, 65, 67,13, 22, 31, 30, 25, 14, 42, 35, 37, 24, 17, 28 ]
				saleLineOption.series[1].data = [32, 31, 52, 28, 25, 33, 15, 32, 39, 25, 45, 47,33, 32, 31, 30, 15, 14, 12, 15, 17, 17, 11, 16 ]
			}else if(value == 1){
				saleLineOption.series[0].data = [57, 12, 65, 15, 17, 33, 45, 42, 31, 32, 28, 25,  32, 31, 30, 15, 14, 32,45, 14, 11,39, 33, 18 ]
				saleLineOption.series[1].data = [33, 36, 35, 30, 15, 45, 76, 57, 12, 31, 82, 23, 25, 39, 45, 65, 15, 17, 33, 45, 42, 14, 11, 18 ]
			}else if(value == 2){
				saleLineOption.series[0].data = [38, 46, 37, 24, 35, 45, 39, 67, 12, 31, 82, 23, 25, 39, 45, 65, 15, 17, 33, 45, 42,  14, 11, 18 ]
				saleLineOption.series[1].data = [31, 38, 31, 18, 18, 14, 32, 57, 45, 65, 15, 17, 33, 45, 42,  14, 11, 18, 12, 31, 32, 28, 25, 39 ]
			}
			saleLineEchart.setOption(saleLineOption);
		}
		function downloadFile(fileName){
			let a = document.createElement("a");
			a.href = '/download/template3/'+fileName+".rar";
			a.download = fileName + ".rar";
			a.click();
		};


		var manageFeeStatEchart = echarts.init(document.getElementById("manageFeeStatPie"));

		var manageFeeStatOption = {
			tooltip: {
				trigger: 'axis'
			},
			grid: {
				top:'5%',
				left: '55',
				right:'3%',
				bottom:'20%',
			},
			color:['#3F80F2','#C2D9FF'],
			legend: {
				icon: "circle",
				bottom: '0px',
				left: 'center',
				itemWidth: 6,  // 设置宽度
				itemHeight: 10, // 设置高度
				itemGap: 5,
				data: ['本期', '上期']
			},
			xAxis: [
				{
					type: 'category',
					data: [ '2017', '2018', '2019', '2020', '2021' ]
				}
			],
			yAxis: [
				{
					type: 'value'
				}
			],
			series: [
				{
					name: '本期',
					type: 'bar',
					data: [2140, 3581, 1598, 4895, 2589],
				},
				{
					name: '上期',
					type: 'bar',
					data: [1598, 3581, 1598, 988, 5985],
				}
			]
		};

		manageFeeStatEchart.setOption(manageFeeStatOption);

		function change(value){
			if(value == 'day'){

			}else if(value == 'week'){

			}else if(value == 'month'){

			}
		};


		//利润结构分析
		var profitAnalyseEchart = echarts.init(document.getElementById("profitAnalysePie"));

		var profitAnalyseOption = {
			tooltip: {
				trigger: 'item'
			},
			legend: {
				icon: "circle",
				top: '10px',
				left:'center',
				textStyle: {
					color: '#666',
					fontSize: '14px'
				},
			},
			title: {
				text: "销售额",
				top: "45%",
				left: '50%',
				textStyle: {
					color: "#999",
					fontSize: "14px"
				},
				subtext: "￥122,22",
				subtextStyle: {
					color: "#333",
					fontSize: "26px",
					align: "center"
				},
				textAlign: "center"
			},
			series: [
				{
					name: '访问来源',
					type: 'pie',
					radius: ['50%', '70%'],
					center: ["51%", "57%"],
					// roseType: 'area',
					itemStyle: {
						borderColor: '#fff',
						borderWidth: 2
					},
					avoidLabelOverlap: false,
					label: {
						show: false,
						position: 'center'
					},
					labelLine: {
						show: false
					},
					data: [
						{ value: 24, name: "成本" },
						{ value: 32, name: "收入" },
						{ value: 32, name: "费用" },
						{ value: 6, name: "利润" }
					]
				}
			]
		};


		profitAnalyseEchart.setOption(profitAnalyseOption);

		function handleClick () {
			window.open('profitAnalyse.html');
		};

    </script>
</body>
</html>
